<!DOCTYPE html>
<html class="dj_gecko dj_contentbox" lang="en">
<head>
    <meta charset="utf-8">
    <title>ManTech</title>
    <link rel="stylesheet" href="Styles/style.css" type="text/css">

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"/>
    <![enif]-->
    <script src="js/dojo.js" data-dojo-config="async:true"></script>
    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="js/iscript.js"></script>

</head>
<body>
<div id="layout">
    <header>
        <hgroup class="fl">
            <h1>ManTech</h1>

            <h2>help desk</h2>
        </hgroup>
        <div class="hd-top">
            <select class="search-select" name="search-form">
                <option>
                    All
                </option>
            </select>
        </div>
        <div class="search">
            <input type="text">
        </div>
        <div class="user">
            <div class="info">
                <div class="info-fl"><img src="images/avatar.png"></div>
                <div class="info-fr">
                    <img src="images/arrow-dow.png" alt="">
                </div>
                <div class="dialog-us">
                    <div class="us-img">
                        <img src="images/avatar.png">
                    </div>
                    <div class="us-title">
                        <ul>
                            <li>
                                Ho nguyen
                            </li>
                            <li><a href="#"> Edit profile</a></li>
                            <li><a href="#"> Account settings</a></li>
                            <li><a href="#">Log out</a></li>
                        </ul>
                    </div>
                    <div class="clearfix"/>
                </div>


            </div>
        </div>


    </header>

    <section id="content">
        <article class="fl">
            <nav>
                <ul>
                    <li>
                        <a href="#">Account</a>
                        <figure>
                            <img src="images/account.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Report</a>
                        <figure>
                            <img src="images/report.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Complaint</a>
                        <figure>
                            <img src="images/complaint.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Department</a>
                        <figure>
                            <img src="images/department.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Article</a>
                        <figure>
                            <img src="images/article.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Thread</a>
                        <figure>
                            <img src="images/thread.png">
                        </figure>
                    </li>
                    <li>
                        <a href="#">Sysytem</a>
                        <figure>
                            <img src="images/sysytem.png">
                        </figure>
                    </li>
                </ul>
            </nav>
        </article>
        <article class="table fr">
            <ul class="InboxTable">
                <li class="title">
                    <a href="#">New</a>

                    <a>Categorories-1</a>
                </li>
            </ul>
            <table class="tdojo fr-report">
                <thead>
                <tr class="title">
                    <th class="t-check"></th>
                    <th class="t-id">ID</th>
                    <th class="t-cate">Name</th>
                    <th class="t-summary">Description</th>
                    <th>Icon</th>

                </tr>
                </thead>
                <tbody>
                <tr class="fr-content">
                    <td class="t-check"><input id="cbselect" type="checkbox">
                        <a href="#"><img src="images/edit.png"></a>
                        <a href="#"><img src="images/delete.png"></a></td>
                    </td>
                    <td class="t-id"><a href="#">001</a>

                    <td class="t-cate">name</td>


                    <td class="t-summary">the fix all sysytem my computer...let now</td>
                    <td class="t-last-up">Icon</td>

                </tr>
                </tbody>


            </table>

        </article>
        <div class="clearfix"></div>
    </section>
    <footer class="clearfix">
        <div class="horizotal"></div>
        <div class="ftleft fl">
            <h3> Abut ManTech</h3>

            <p>
                Mantech was created by Jon and Mason because
                they got tired of buying dozens of individual graphic.
                It was their dream to build a single collection of
                awesome resources that would be the ultimate designer toolbox.
            </p>
            Coppyright &copy;
            <time datetime="2012-9-9">2012</time>

        </div>
        <div class="ftright fr">

            <h3>Sign up to our Newsletter</h3>
            Get site updates, freebies, and Manrech news


            <input type="text">
            <input type="submit" value="submit">
        </div>
        <div class="clearfix"></div>

    </footer>
</div>

</body>
</html>